<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="styles/main.css" />
</head>

<body>
    <div class="login_img">
        <img src="images/banner_login.jpg" alt="">
    </div>
    <div class="login">
        <div class="login-header">
            <div class="title">
                <img src="images/logo-footer.png" alt="">
                <span> 小米账号</span>
            </div>
            <div class="mi-nav">
                <ul>
                    <a href="" class="nav-item">用户协议</a>
                    <a href="" class="nav-item">隐私政策</a>
                    <a href="" class="nav-item">帮助中心</a>
                    <div class="mi-nav__divider"></div>
                    <a href="" class="nav-item">中文(简体)</a>
                </ul>
            </div>
        </div>
    </div>

    <div class="layout" id="layout" style='width: 410px; position: fixed; right: 400px; top: 110px;'>
        <div id="main-content">
            <!--表单输入登录-->
            <div class="mainbox form-panel" id="login-main" style="display: block;">
                <div id="custom_display_2"><a class="ercode" id="qrcode-trigger" href="javascript:void(0)"></a></div>
                <!-- header s -->
                <div class="lgnheader">
                    <div class="header_tit t_c">
                        <em id="custom_display_1" class="milogo">
                            <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" rx="3" ry="3" style="fill:#ff6700"></rect>
                                <rect x="10" y="15" width="4.2" height="18" style="fill:#FFFFFF"></rect>
                                <rect x="33.75" y="15" width="4.2" height="18" style="fill:#FFFFFF"></rect>
                                <rect x="11.25" y="15" width="15" height="4.1" style="fill:#FFFFFF"></rect>
                                <rect x="26.2" y="20.55" width="4.2" height="12.5" style="fill:#FFFFFF"></rect>
                                <rect x="20.6" y="15" width="9.8" height="9.8" rx="4.4" ry="4.4" style="fill:#FFFFFF">
                                </rect>
                                <rect x="20.2" y="19" width="6" height="6" rx="2" ry="2" style="fill:#ff6700"></rect>
                                <rect x="18" y="19.1" width="4" height="2.2" style="fill:#ff6700"></rect>
                                <rect x="24.2" y="23" width="1.94" height="10" style="fill:#ff6700"></rect>
                                <rect x="18.1" y="22.8" width="4.2" height="10.2" style="fill:#FFFFFF"></rect>
                            </svg>
                        </em>
                        <h4 class="header_tit_txt" id="login-title">注册小米账号</h4>
                        <div class="site_info"></div>
                    </div>
                </div>
                <!-- header e -->
                <!-- tab s -->
                <div class="nav_tabs_panel">
                    <div id="nav-tabs" class="nav_tabs">
                        <a class="navtab-link now" href="javascript:void(0);" data-tab="pwd">帐号登录</a>
                        <span class="line"></span>
                        <a class="navtab-link" href="javascript:void(0);" data-tab="qr">扫码登录</a>
                    </div>
                </div> <!-- tab e -->
                <!-- tab con s -->
                <div class="tabs-con tabs_con now" data-con="pwd" style="display: block;">
                    <div>
                        <div class="login_area" id="login-main-form">
                            <div class="loginbox c_b">
                                <!-- 输入框 -->
                                <div class="lgn_inputbg c_b login-panel pwdLogin">
                                    <!--验证用户名-->
                                    <div class="single_imgarea" id="account-info">
                                        <div class="na-img-area" id="account-avator" style="display:none">
                                            <div class="na-img-bg-area" id="account-avator-con"></div>
                                        </div>
                                        <!-- <p class="us_name tac" id="account-displayname"></p>                                      
                                                <p class="us_id tac"></p>                                     -->
                                    </div>
                                    <form id="login_2" >
                                        <label id="region-code" class="labelbox login_user c_b" for="">
                                            <input class="item_account" autocomplete="off" type="text" name="user"
                                                id="username" placeholder="邮箱/手机号码/小米ID">
                                               
                                        </label>

                                        <label class="labelbox pwd_panel c_b">
                                            <input class="item_account" type="text" placeholder="密码"
                                                autocomplete="off" id="pwd" name="password">
                                        </label>
                                        <label class="labelbox pwd_panel c_b">
                                            <input class="item_account" type="text" placeholder="确认密码"
                                                autocomplete="off" id="confirm_pwd" name="confirm_password">
                                        </label>
                                    </form>


                                </div>

                                <!-- 错误信息 -->
                                <div class="err_tip">
                                    <div><em class="icon_error"></em><span class="error-con"></span></div>
                                </div>
                                <div class="btns_bg">
                                    <input class="btnadpt" id="register-button" type="button" value="注册">
                                    <span id="custom_display_8" class="sns-default-container sns_default_container"
                                        style="display: none;">
                                    </span>
                                </div>

                                <div class="other_panel clearfix">
                                    <div class="reverse" id="extra-links">
                                        <div class="n_links_area reg_forget_links reg-forget-links"
                                            id="custom_display_64">
                                            <a class="outer-link" href="/login1.html">去登陆</a><span>|</span>                                        
                                            <a class="outer-link"
                                                href="https://account.xiaomi.com/pass/forgetPassword?callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&amp;sid=mi_eshop&amp;_bannerBiz=mistore&amp;_qrsize=180">忘记密码？</a>
                                        </div>
                                        
                                    </div>

                                    <!-- 其他登录方式 s -->
                                    <div style="display: block;" class="other_login_type sns-login-container"
                                        id="custom_display_16">
                                        <fieldset class="oth_type_tit">
                                            <legend align="center" class="oth_type_txt">其他方式登录</legend>
                                        </fieldset>
                                        <div id="sns-login-links" class="oth_type_links"><a
                                                class="icon_type btn_qq sns-login-link" data-type="qq"
                                                href="/pass/sns/login/auth?appid=100284651&amp;&amp;callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&amp;sid=mi_eshop"
                                                title="QQ登录" target="_blank"><i
                                                    class="btn_sns_icontype icon_default_qq"></i></a><a
                                                class="icon_type btn_weibo sns-login-link" data-type="weibo"
                                                href="/pass/sns/login/auth?appid=2996826273&amp;&amp;callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&amp;sid=mi_eshop"
                                                title="微博登录" target="_blank"><i
                                                    class="btn_sns_icontype icon_default_weibo"></i></a><a
                                                class="icon_type btn_alipay sns-login-link" data-type="alipay"
                                                href="/pass/sns/login/auth?appid=2088011127562160&amp;&amp;callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&amp;sid=mi_eshop"
                                                title="支付宝登录" target="_blank"><i
                                                    class="btn_sns_icontype icon_default_alipay"></i></a><a
                                                class="icon_type btn_weixin sns-login-link" data-type="weixin"
                                                href="/pass/sns/login/auth?appid=wxxmzh&amp;scope=snsapi_login&amp;callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%26sign%3DNzY3MDk1YzczNmUwMGM4ODAxOWE0NjRiNTU5ZGQyMzFhYjFmOGU0Nw%2C%2C&amp;sid=mi_eshop"
                                                title="微信登录" target="_blank"><i
                                                    class="btn_sns_icontype icon_default_weixin"></i></a></div>
                                    </div>
                                    <!-- 其他登录方式 e -->
                                    <p class="acq_tips" style="display: none;"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <div id='custom_display' class='n-footer'>
        <div class="nf-link-area clearfix">

        </div>
        <p class="nf-intro">小米公司版权所有-京ICP备10046444-<a class="beian-record-link" target="_blank"
                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"><span><img
                        src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png"></span>京公网安备11010802020134号</a>-京ICP证110507号
        </p>
    </div>
    <script src="./js/jquery.js"></script>
    <script src="./js/layer.js"></script>
    <!-- 表单验证 -->
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <!-- 汉化包 -->
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>

    <script src="./js/utils.js"></script>
    <script src="./js/register.js"></script>

</body>

</html>